<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="2021年, 技术,教训,心情">
    <meta name="description" content="2021年">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>2021年 | 600客街</title>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">

    <script src="/libs/jquery/jquery-3.6.0.min.js"></script>

<meta name="generator" content="Hexo 5.4.0"><link rel="alternate" href="/atom.xml" title="600客街" type="application/atom+xml">
</head>




<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">600客街</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/contact" class="waves-effect waves-light">
      
      <i class="fas fa-comments" style="zoom: 0.6;"></i>
      
      <span>留言板</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">600客街</div>
        <div class="logo-desc">
            
            学习！学习！学习！
            
        </div>
    </div>

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/contact" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-comments"></i>
			
			留言板
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        
    </ul>
</div>


        </div>

        
    </nav>

</header>

    



<div class="bg-cover pd-header post-cover" style="background-image: url('/medias/featureimages/23.jpg')">
    <div class="container" style="right: 0px;left: 0px;">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <h1 class="description center-align post-title">2021年</h1>
                </div>
            </div>
        </div>
    </div>
</div>




<main class="container content">

    
    <!-- 文章内容详情 -->
<div id="artDetail">
    <div class="card">
        <div class="card-content article-info">
            <div class="row tag-cate">
                <div class="col s7">
                    
                    <div class="article-tag">
                        
                            <a href="/tags/%E6%80%BB%E7%BB%93/">
                                <span class="chip bg-color">总结</span>
                            </a>
                        
                    </div>
                    
                </div>
                <div class="col s5 right-align">
                    
                    <div class="post-cate">
                        <i class="fas fa-bookmark fa-fw icon-category"></i>
                        
                            <a href="/categories/%E6%80%BB%E7%BB%93/" class="post-category">
                                总结
                            </a>
                        
                    </div>
                    
                </div>
            </div>

            <div class="post-info">
                
                <div class="post-date info-break-policy">
                    <i class="far fa-calendar-minus fa-fw"></i>发布日期:&nbsp;&nbsp;
                    2021-12-26
                </div>
                

                

                
                <div class="info-break-policy">
                    <i class="far fa-file-word fa-fw"></i>文章字数:&nbsp;&nbsp;
                    6
                </div>
                

                
                <div class="info-break-policy">
                    <i class="far fa-clock fa-fw"></i>阅读时长:&nbsp;&nbsp;
                    1 分
                </div>
                

                
            </div>
        </div>
        <hr class="clearfix">

        
        <!-- 是否加载使用自带的 prismjs. -->
        <link rel="stylesheet" href="/libs/prism/prism.css">
        

        

        <div class="card-content article-card-content">
            <div id="articleContent">
                <div class="hbe hbe-container" id="hexo-blog-encrypt" data-wpm="Oh, this is an invalid password. Check and try again, please." data-whm="OOPS, these decrypted content may changed, but you can still have a look.">
  <script id="hbeData" type="hbeData" data-hmacdigest="be4c6de966e95d547be12eaa5405c928173b34a3a286e7b1d6688d24df9306f0">d427ec6acf4debac02d58c173c37afaa7c1fb81aeccfc6240f1414ad477cb09cb6a37cc37d7d4e4c911544a3f507ad28a004c1d10412391a60a2ded55b9dcc260274bf2c1689ed9e47edbf3e221e1c3c3cc2d9be7262a69669a5bfc952e6a03459950eda4107404f213663f09c11f6026e5ba3a240a633a9d058aa5a698060f38440767e7449672d6334e6eefe87b5a136d926d5723949fe5e40f8356fa0f4867827ef720cfa1114718fb729f2218b562475c83df2946d99e0a435c8058aaff344aad8cd013628fa5c268fdbaecab276ade16c125edb945d301234400fce7b3f21b07fe5a180a3ec0d0a9aaead506f12d766ec3152b0d9b342a870a3874eb193ffd8ab97eb45e95ccd074794f4d2dcd91683dde3960df6e9be865728d7c1ac4fe17f2eff2f272546fdf8ff02d16d3c2fbc6ebeac4804f6d063a8e3706f4ffd27d3a30b7f3be64f902869d03c6770bcb8e295d2b79e4bf77bf245dcfd52be696acf4510313bc6ff60bdd910fbd4fa89198c829526a52ece699ea3f9fd3a5fa57bc6d78668ff554508ebfd70a3bf538beabe762aa98a3a4d367de310d497f14e3b7fe6b557b44fc235e1d9258a24216d866ba55c4bae1db14f5d30aba1dc1da02a7fc5303ca4ae56135f33483d580bda22933f1edef678fc1f9d8ed2ece26e9621461710569061976bd454a3190dcb7460663eb1d4634253cc49ee2cbbe45f57c1d7e164974ded665bd998b3d3936e74afe82663b709f05c0bde10361fb12f79460870b3b8c031cf6202186bc9ccb92396debdaf1e016928396de8525d97818db5183246c637234734a7d7fe6cf1132db419a71012353df386d8dc034ea5c805ca7f0426bc49f295fa02a90f5935102f424c27381f9310c3402826be6f56ad5fd44c0b169c92556c0377da042ce61aac7a8e90c043bc7a4902c1bfb2f3eff3ad17e99908aa262557d3aba74b0bcb3c199db69e58b5bc45229e94fd220ac32d7d45852c91803007f83954daf3db481710e4c764e7af4aa6a690d141e939ef27ddb34cfa1af7bf417e3b5a8b1021db538e9446ded77ecba79ccb0e373490882678029c43749248d86f11c5af591ef367386a3e4fff10146f1a672256f203ee986e607b5572c6b622203b0167833e4565b92843fe4c5275b4d797f9a19bfc6835b9f58b2efdce7c8ac82883b550d09f0129d0b58f00d1e07e22d9ccb0dc530f40582d356d571452d2eb76b5323706915ff4d7b3b45d5739463d063179cd3cfe306d612a50b8cf845fe4e7885de9bc9bfa4896ead247935d80fb696bd07b69476865a24895fddbfef839b525f79955c5f6318c1f9dae9cbcf32647861d13771b584aa29e63102bd103f03954f258bcbba298b5406f3eb22eef0c05a24d248ced34c6f32395f2fa27367d6d5840c4ab5f950d4bcfd89b1c0b2eee7d18d1e496bdd107d59ec7dbdcf2d77c3098a86f4c48da007f844c5fa3477f9ac149284909bbe924f29b7ede1ba42866a5e21df2c48bd77bc31d43994fd1deb6c7f9b152c1a93cc4c8601f4707568a2c06cdb775357d4a89d47fdcf0715651d875ddf48db60a34ccee769473ee0cb4f25b4a936247dfad177d7c02bd81318989d4338907ada1ab18a1336d40e8485d2a1a5a5157fc0cd835cacf3f0c7dc4585395485de90002fdf036701277317f3f52dba01a7b985124d0a1672b8c7292322379d2b3ab19ecfcad80a057bdc2180a3b0c0d9b0bf7ea1357d88ab5f9278add6b3e79250b22950613c4a9b09517abbe2738f1425f501cb1ac6e263aa29240dd7d56ce1bc7e12243e0375491084f1bd06167b2acab5400c97cde44ac56b71c41df308fde56ddd24f6b1c3f0bd21bfee6619e139d4d38709ba0f74940e868c41201ea6ad3aa58ce29e850d9aaaab01c17b952aa34d890e0a0c112c399c05a01fcc6b8c0ec9840412a837956a482dde620e2100684702f65c335f342e05488af9e0024e1c82c1ad6c4d817aa4cb95b8ea96e62d196acc3383aa31f067091347ece05d6f94c530704176d52b201776812bbe8d7da09b791867d2982e06209ee4a1d9e94ceef8187b85a3788e78184368c41af193c81fc80b4c56105905f0ea87262da29fccc7c27644a07c7edf4acf0ddc95a2d3c8c489c76d3f5e73a4dbf29a70f03ba8cfacd1aa66f2b774169500d7115d60c9466659e585ac67bbea1ac846ed199d8d14ba5d1c4bdb30b9fc6b83480cf18303077952ca4f8835acc987bf8ed06b392a6e73ce4360a42be1d4285b310a415a70359bdd9ddd66d301643e14cee14f2656d6da2ffa488592b98ed51331353d3562ec863abf7c25a3ee64a12e27d502853d6008652b68e46f0174a81379af3e95db0d21be5eebc25810e3949acf841e892b710bfac7c7913343aed433c72abefac14197c29dd7d1016b1effb5b6adad3fa1c94b52e5521afced66c65a52b880e9f1806bbac2205a40130730adc3487e738becc0edff9425db803788d57794b92384087868d6faf3d63e470628e32f0fa7ff8f3779fe32b4442e56d4de8d6c00029a17fe2eeae3184ac7c92a97d0ae121e6a272d347223aa25ae8fbe484266f14d609fc57e43e78fd226795fce01a7d9cf1284bf4585e1696b00182d4a7b89cbe0200d99d397e72f045172ca66cca2df4dffebf225e9f15c5d3140a6d0111b409444aa5ab011cc7fb20ed02bccb9b1c59974bcf334f5e0c9529c8f107dad13aab693714158c723c82d94813fa1fc23443817d047afb8894ed082704206db61a081cef03fac44f619466f93befdfd63d1d2b50fada108f6a76c4912d35e026e91e69a6a293eb253981ae3d803ecceca82822f3efd6a34ca1e6b26bc82d4644cdb95b17a3f86d144416277e6ea6740184c6bdb5fb69f6b386c03526e1d3a5f029332e7b0d69c6ae9dea522746b72d5a0701320604233ebbbfd0eab09d2d000a44a53df6774f5d1da95743410f8be6729b85b8b62d788027160b4693d09e30013c2438a3ec5a22fb78838bff34f57a46ee64d990e9c03ccd04108fbc28f0442e96921ef3cee18ab46df1aa16ff4cd8bfd1cd4dd6787bba040b8ac264db18bd8e486f9efc165ab5a230834b7fed8f33e38d00bafc9fa5a6e453f4f79127545b1f630533ff8456bf145f8f492e9e36b5f6f30c439a97571cc04b9372c47aa0da33f45bb56a8ac50320e5f08e65a18000559e5a067f4813105084dd074ef4d5ef2f273f84249bd57f972106880c634c8a71b3c4e38ffe38018570e386b6bf59518bf8fb721193260ef5b97e332c4ebc1753d5544d3f7d872d10891699eab7d5e8fe1a000a6423b4083781e7ff93c9d4af5e8eedeb86ec9b5153acc03e9d77563c32acdb8f428de0712a1dd4bcd42f81371dcb095ad0feabbddda36d42d89b97f60fb58dfdec5c13c67ff1d361c70b6b45b904d7eace2f5305a1802d39ee76c83e2f6dbe8a9da3204213eb4cfcb1077efe421ac1f33dc855a02262a21803dbdb6634fc20131010c6a7be4e39a9c0877db1b105610d581ff8d22104e5373aadedaa489f1bb071249119b0ab4e14ab3c20153b09d381ad8ac8c5073a00a906c7a549e3d49c521754f4422951f5ba9d9809d9f03afa10784d26c6a1d28350f967d7aa1ffe19792b006a8cff8793b293e31848d238a84ccb236513c3fddae786a21ec30c98a8c7991b268799f94e7cefbbe2053e094a9624d7e89ea60a18195119b55b7ff15b2e3ffbda046f0e89799db27c2d3908b3df03083fce8eeaaeab6dcfbd3911998fd6876311aa1ed0483ffe1f85430647d0785e762fe85805c70398a3716784a23bd6d8ef22088a30ec50ebd355a6bd5af81d84d9bfe4156408bb3bf1284fc5facc64ec45d59deb2343ea0da845920f03604d121db6a27c82d700032c18b4fc20ec765c7943b18e97102f4cdd46969b3454f6b06388ecab9d722d2913bae4d7c63affffd04380ce0c80539d729b7066a9eb97c308ae03f7f2740f35ad082ddb2cba8c92c880adce7a304cc0d8920bfbe267a9e76d9c67a62f4ab443d5888789774a9f01a830a6dab6d471bce9e8f6e186b93235d17f71778171d9a7a907e3e970f24014ce346bcaa963a4fbd95d92eeeee3c84e87a80aac434c7dbcd74f3922f018e82e4809acd195259f8836bec78f8071d45bf9e8e4a0f84a46f486cd82ad57a559a725da41856e71dddf8c82dea4d714a48c6af638679850a7924874b71c109d19e10e1191cef0a95e4ae6ad5b99832b16addb8e20fbd98214bd71ee8840dcf74ff892b40e24383927a90e4267bfbd908d8685273b25dda659c13e8bd1aa44c7f425f996a35616db89c2b0692fbbd8680880b69260d37d5696fbbb82e9934292b5ef21c6ded5b89c0f3e76e6d9fc36be6c08d678aaed169aab50feba778b16200ca1542a97a40a752a13252ef6d3017af05abf2374d04a963571036ed03d97a2ecd34a008b81a55995091fbaf58ad98b7b8076d9598ad14ef80b8e43f1fe27548bd8360e72b73298b5e12336a5db1591c7e0b054c1665b4b959527d37f6fa0d0aae422c5761a034fa9aebdcd52ddd482425b121442b974a9dec93d1de880d3228949a07498414f1b26725a84055324f8dec16a15927d3fd6337a76409af1bcc3ecdf6c57d916356bb475b3335baa2fe6f0fb0255bfa5c5dc8da85e2e46e5b3d9c4a3c921b9e4f693aee9ab9ac3ceb9b5f563a9144a26c14c3f188aec010b5f57c73f150cbd040bb5697c0fa60734482ceb31c767223ff3f2361319ae70cfd14b5bd466bfda9eca49c7d33876b38d7460cbcf179da21a4aa072a4686b87ae994c4502d239283ee6fa64707f342f814caf2fc5e2a154609c203c93ac0f60b6b6d71e7a178436931908efac880318f77f282c34a921f1e2dba6d65ce805faa412cd383c45cc7f8d90d173272ff24fa80d72239a7badbcd0c620d1e30845464c3fc35034818869a88cdae5e3354c581d9c9493fd52583dceaad153c75872938ffb55edae5f57ed0f9023857910b9b792ca5a89068c9c02529b64f10054a7f446459abdf9e00684da98f37843e45e7c801adea532eac0f083c34d0522a23ff3e78b490e9f29cd811c339a7c6a0e9eca182c422ef15addd20c4602e6742935d66d4415cf6f965d58d8d597896b4f787ba240c50aff46ffe0ac0b89fb1cd5f7db10086b60b0594ec5257694b32c3872188369e2b263b19e25e0987641cc799459d18ee31817235bcc413d10ef742e891779bf9ca3a3b10aa7cc2a2285f01b2dd4bbd5dfc9c63dac111f31d5389ed985276a25c7d8d08deb3622251cde5bbb07ae8d493ccb4f9462157122e70267855d6562722e2aa01bdec46f05a940dec4c4c0845d755f8b72ee2d246677b847fde5f0cbae9b7cae8eb13c808f8a9475d5bb4efbdf7bf072154029afdd06f0803d056f284fd195702131f2c35d1b246d80654a889cd383f3272ed4ac1842446d00fd5db8a25beedf2a9c4b7423b1892501adf5fbd013a8ed2696f279d4c9655d222faeb0a6cea15fa277e91696a6d41432e67473313d1451c83b1fb7044563</script>
  <div class="hbe hbe-content">
    <div class="hbe hbe-input hbe-input-default">
      <input class="hbe hbe-input-field hbe-input-field-default" type="password" id="hbePass">
      <label class="hbe hbe-input-label hbe-input-label-default" for="hbePass">
        <span class="hbe hbe-input-label-content hbe-input-label-content-default">Hey, password is required here.</span>
      </label>
    </div>
  </div>
</div>
<script data-pjax src="/lib/hbe.js"></script><link href="/css/hbe.style.css" rel="stylesheet" type="text/css">
                
            </div>
            <hr/>

            

    <div class="reprint" id="reprint-statement">
        
            <div class="reprint__author">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-user">
                        文章作者:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="/about" rel="external nofollow noreferrer">Jack</a>
                </span>
            </div>
            <div class="reprint__type">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-link">
                        文章链接:
                    </i>
                </span>
                <span class="reprint-info">
                    <a href="https://jack006.com/2021/12/26/2021/">https://jack006.com/2021/12/26/2021/</a>
                </span>
            </div>
            <div class="reprint__notice">
                <span class="reprint-meta" style="font-weight: bold;">
                    <i class="fas fa-copyright">
                        版权声明:
                    </i>
                </span>
                <span class="reprint-info">
                    本博客所有文章除特別声明外，均采用
                    <a href="https://creativecommons.org/licenses/by/4.0/deed.zh" rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a>
                    许可协议。转载请注明来源
                    <a href="/about" target="_blank">Jack</a>
                    !
                </span>
            </div>
        
    </div>

    <script async defer>
      document.addEventListener("copy", function (e) {
        let toastHTML = '<span>复制成功，请遵循本文的转载规则</span><button class="btn-flat toast-action" onclick="navToReprintStatement()" style="font-size: smaller">查看</a>';
        M.toast({html: toastHTML})
      });

      function navToReprintStatement() {
        $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800);
      }
    </script>



            <div class="tag_share" style="display: block;">
                <div class="post-meta__tag-list" style="display: inline-block;">
                    
                        <div class="article-tag">
                            
                                <a href="/tags/%E6%80%BB%E7%BB%93/">
                                    <span class="chip bg-color">总结</span>
                                </a>
                            
                        </div>
                    
                </div>
                <div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;">
                    <link rel="stylesheet" type="text/css" href="/libs/share/css/share.min.css">
<div id="article-share">

    
    <div class="social-share" data-sites="twitter,facebook,google,qq,qzone,wechat,weibo,douban,linkedin" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div>
    <script src="/libs/share/js/social-share.min.js"></script>
    

    

</div>

                </div>
            </div>
            
                <style>
    #reward {
        margin: 40px 0;
        text-align: center;
    }

    #reward .reward-link {
        font-size: 1.4rem;
        line-height: 38px;
    }

    #reward .btn-floating:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    #rewardModal {
        width: 320px;
        height: 350px;
    }

    #rewardModal .reward-title {
        margin: 15px auto;
        padding-bottom: 5px;
    }

    #rewardModal .modal-content {
        padding: 10px;
    }

    #rewardModal .close {
        position: absolute;
        right: 15px;
        top: 15px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 1.3rem;
        line-height: 20px;
        cursor: pointer;
    }

    #rewardModal .close:hover {
        color: #ef5350;
        transform: scale(1.3);
        -moz-transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -o-transform:scale(1.3);
    }

    #rewardModal .reward-tabs {
        margin: 0 auto;
        width: 210px;
    }

    .reward-tabs .tabs {
        height: 38px;
        margin: 10px auto;
        padding-left: 0;
    }

    .reward-content ul {
        padding-left: 0 !important;
    }

    .reward-tabs .tabs .tab {
        height: 38px;
        line-height: 38px;
    }

    .reward-tabs .tab a {
        color: #fff;
        background-color: #ccc;
    }

    .reward-tabs .tab a:hover {
        background-color: #ccc;
        color: #fff;
    }

    .reward-tabs .wechat-tab .active {
        color: #fff !important;
        background-color: #22AB38 !important;
    }

    .reward-tabs .alipay-tab .active {
        color: #fff !important;
        background-color: #019FE8 !important;
    }

    .reward-tabs .reward-img {
        width: 210px;
        height: 210px;
    }
</style>

<div id="reward">
    <a href="#rewardModal" class="reward-link modal-trigger btn-floating btn-medium waves-effect waves-light red">赏</a>

    <!-- Modal Structure -->
    <div id="rewardModal" class="modal">
        <div class="modal-content">
            <a class="close modal-close"><i class="fas fa-times"></i></a>
            <h4 class="reward-title">你的赏识是我前进的动力</h4>
            <div class="reward-content">
                <div class="reward-tabs">
                    <ul class="tabs row">
                        <li class="tab col s6 alipay-tab waves-effect waves-light"><a href="#alipay">支付宝</a></li>
                        <li class="tab col s6 wechat-tab waves-effect waves-light"><a href="#wechat">微 信</a></li>
                    </ul>
                    <div id="alipay">
                        <img src="/medias/reward/alipay.png" class="reward-img" alt="支付宝打赏二维码">
                    </div>
                    <div id="wechat">
                        <img src="/medias/reward/wechat.jpg" class="reward-img" alt="微信打赏二维码">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('.tabs').tabs();
    });
</script>

            
        </div>
    </div>

    

    

    

    

    
        <style>
    .valine-card {
        margin: 1.5rem auto;
    }

    .valine-card .card-content {
        padding: 20px 20px 5px 20px;
    }

    #vcomments textarea {
        box-sizing: border-box;
        background: url("/medias/comment_bg.png") 100% 100% no-repeat;
    }

    #vcomments p {
        margin: 2px 2px 10px;
        font-size: 1.05rem;
        line-height: 1.78rem;
    }

    #vcomments blockquote p {
        text-indent: 0.2rem;
    }

    #vcomments a {
        padding: 0 2px;
        color: #4cbf30;
        font-weight: 500;
        text-decoration: none;
    }

    #vcomments img {
        max-width: 100%;
        height: auto;
        cursor: pointer;
    }

    #vcomments ol li {
        list-style-type: decimal;
    }

    #vcomments ol,
    ul {
        display: block;
        padding-left: 2em;
        word-spacing: 0.05rem;
    }

    #vcomments ul li,
    ol li {
        display: list-item;
        line-height: 1.8rem;
        font-size: 1rem;
    }

    #vcomments ul li {
        list-style-type: disc;
    }

    #vcomments ul ul li {
        list-style-type: circle;
    }

    #vcomments table, th, td {
        padding: 12px 13px;
        border: 1px solid #dfe2e5;
    }

    #vcomments table, th, td {
        border: 0;
    }

    table tr:nth-child(2n), thead {
        background-color: #fafafa;
    }

    #vcomments table th {
        background-color: #f2f2f2;
        min-width: 80px;
    }

    #vcomments table td {
        min-width: 80px;
    }

    #vcomments h1 {
        font-size: 1.85rem;
        font-weight: bold;
        line-height: 2.2rem;
    }

    #vcomments h2 {
        font-size: 1.65rem;
        font-weight: bold;
        line-height: 1.9rem;
    }

    #vcomments h3 {
        font-size: 1.45rem;
        font-weight: bold;
        line-height: 1.7rem;
    }

    #vcomments h4 {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    #vcomments h5 {
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.4rem;
    }

    #vcomments h6 {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    #vcomments p {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    #vcomments hr {
        margin: 12px 0;
        border: 0;
        border-top: 1px solid #ccc;
    }

    #vcomments blockquote {
        margin: 15px 0;
        border-left: 5px solid #42b983;
        padding: 1rem 0.8rem 0.3rem 0.8rem;
        color: #666;
        background-color: rgba(66, 185, 131, .1);
    }

    #vcomments pre {
        font-family: monospace, monospace;
        padding: 1.2em;
        margin: .5em 0;
        background: #272822;
        overflow: auto;
        border-radius: 0.3em;
        tab-size: 4;
    }

    #vcomments code {
        font-family: monospace, monospace;
        padding: 1px 3px;
        font-size: 0.92rem;
        color: #e96900;
        background-color: #f8f8f8;
        border-radius: 2px;
    }

    #vcomments pre code {
        font-family: monospace, monospace;
        padding: 0;
        color: #e8eaf6;
        background-color: #272822;
    }

    #vcomments pre[class*="language-"] {
        padding: 1.2em;
        margin: .5em 0;
    }

    #vcomments code[class*="language-"],
    pre[class*="language-"] {
        color: #e8eaf6;
    }

    #vcomments [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: inherit;
        margin-left: -1.3rem;
        margin-right: 0.4rem;
        margin-top: -1px;
        vertical-align: middle;
        left: unset;
        visibility: visible;
    }

    #vcomments b,
    strong {
        font-weight: bold;
    }

    #vcomments dfn {
        font-style: italic;
    }

    #vcomments small {
        font-size: 85%;
    }

    #vcomments cite {
        font-style: normal;
    }

    #vcomments mark {
        background-color: #fcf8e3;
        padding: .2em;
    }

    #vcomments table, th, td {
        padding: 12px 13px;
        border: 1px solid #dfe2e5;
    }

    table tr:nth-child(2n), thead {
        background-color: #fafafa;
    }

    #vcomments table th {
        background-color: #f2f2f2;
        min-width: 80px;
    }

    #vcomments table td {
        min-width: 80px;
    }

    #vcomments [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: inherit;
        margin-left: -1.3rem;
        margin-right: 0.4rem;
        margin-top: -1px;
        vertical-align: middle;
        left: unset;
        visibility: visible;
    }
</style>

<div class="card valine-card" data-aos="fade-up">
    <div class="comment_headling" style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;">
        <i class="fas fa-comments fa-fw" aria-hidden="true"></i>
        <span>评论</span>
    </div>
    <div id="vcomments" class="card-content" style="display: grid">
    </div>
</div>

<script src="/libs/valine/av-min.js"></script>
<script src="/libs/valine/Valine.min.js"></script>
<script>
    new Valine({
        el: '#vcomments',
        appId: 'heVROg7OJ1PBHndbrewY0tXp-gzGzoHsz',
        appKey: '94TnziBTBosfS9O1cGrGcvRt',
        notify: 'false' === 'true',
        verify: 'false' === 'true',
        visitor: 'true' === 'true',
        avatar: 'mm',
        pageSize: '10',
        lang: 'zh-cn',
        placeholder: 'just go go'
    });
</script>

<!--酷Q推送-->


    

    

    

    

    

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fas fa-chevron-left"></i>&nbsp;上一篇</div>
            <div class="card">
                <a href="/2021/12/27/pmp-agile/">
                    <div class="card-image">
                        
                        <img src="/medias/postimages/pmp-agile.jpg" class="responsive-img" alt="pmp敏捷管理">
                        
                        <span class="card-title">pmp敏捷管理</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            PMP 敏捷知识点整理
                        
                    </div>
                    <div class="publish-info">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>2021-12-27
                        </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/pmp/" class="post-category">
                                    pmp
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/pmp/">
                        <span class="chip bg-color">pmp</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                下一篇&nbsp;<i class="fas fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="/2021/12/21/mac-kext/">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/22.jpg" class="responsive-img" alt="Mac驱动安装">
                        
                        <span class="card-title">Mac驱动安装</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        
                            实现了无线有线网卡，声卡，亮度调节，蓝牙
                        
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2021-12-21
                            </span>
                        <span class="publish-author">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/%E6%8A%98%E8%85%BE/" class="post-category">
                                    折腾
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/Mac/">
                        <span class="chip bg-color">Mac</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
    </div>
</article>

</div>



<!-- 代码块功能依赖 -->
<script type="text/javascript" src="/libs/codeBlock/codeBlockFuction.js"></script>

<!-- 代码语言 -->

<script type="text/javascript" src="/libs/codeBlock/codeLang.js"></script>


<!-- 代码块复制 -->

<script type="text/javascript" src="/libs/codeBlock/codeCopy.js"></script>


<!-- 代码块收缩 -->

<script type="text/javascript" src="/libs/codeBlock/codeShrink.js"></script>


    

</main>




    <footer class="page-footer bg-color">
    
        <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="647710478"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="/libs/aplayer/APlayer.min.js"></script>
<script src="/libs/aplayer/Meting.min.js"></script>

    

    <div class="container row center-align"
         style="margin-bottom: 0px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            
                <span id="year">2021-2022</span>
            
            <a href="/about" target="_blank">jack006</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>
            
            
            
                
            
            
                <span id="busuanzi_container_site_pv">
                &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
                    <span id="busuanzi_value_site_pv" class="white-color"></span>
            </span>
            
            
                <span id="busuanzi_container_site_uv">
                &nbsp;|&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
                    <span id="busuanzi_value_site_uv" class="white-color"></span>
            </span>
            
            <br>

            <!-- 运行天数提醒. -->
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/mybasket-jack" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:2354738434@qq.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2354738434" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 2354738434" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>







    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>
</footer>

<div class="progress-bar"></div>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script type="text/javascript">
$(function () {
    var searchFunc = function (path, search_id, content_id) {
        'use strict';
        $.ajax({
            url: path,
            dataType: "xml",
            success: function (xmlResponse) {
                // get the contents from search data
                var datas = $("entry", xmlResponse).map(function () {
                    return {
                        title: $("title", this).text(),
                        content: $("content", this).text(),
                        url: $("url", this).text()
                    };
                }).get();
                var $input = document.getElementById(search_id);
                var $resultContent = document.getElementById(content_id);
                $input.addEventListener('input', function () {
                    var str = '<ul class=\"search-result-list\">';
                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
                    $resultContent.innerHTML = "";
                    if (this.value.trim().length <= 0) {
                        return;
                    }
                    // perform local searching
                    datas.forEach(function (data) {
                        var isMatch = true;
                        var data_title = data.title.trim().toLowerCase();
                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
                        var data_url = data.url;
                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
                        var index_title = -1;
                        var index_content = -1;
                        var first_occur = -1;
                        // only match artiles with not empty titles and contents
                        if (data_title !== '' && data_content !== '') {
                            keywords.forEach(function (keyword, i) {
                                index_title = data_title.indexOf(keyword);
                                index_content = data_content.indexOf(keyword);
                                if (index_title < 0 && index_content < 0) {
                                    isMatch = false;
                                } else {
                                    if (index_content < 0) {
                                        index_content = 0;
                                    }
                                    if (i === 0) {
                                        first_occur = index_content;
                                    }
                                }
                            });
                        }
                        // show search results
                        if (isMatch) {
                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
                            var content = data.content.trim().replace(/<[^>]+>/g, "");
                            if (first_occur >= 0) {
                                // cut out 100 characters
                                var start = first_occur - 20;
                                var end = first_occur + 80;
                                if (start < 0) {
                                    start = 0;
                                }
                                if (start === 0) {
                                    end = 100;
                                }
                                if (end > content.length) {
                                    end = content.length;
                                }
                                var match_content = content.substr(start, end);
                                // highlight all keywords
                                keywords.forEach(function (keyword) {
                                    var regS = new RegExp(keyword, "gi");
                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
                                });

                                str += "<p class=\"search-result\">" + match_content + "...</p>"
                            }
                            str += "</li>";
                        }
                    });
                    str += "</ul>";
                    $resultContent.innerHTML = str;
                });
            }
        });
    };

    searchFunc('/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    

    

    <!-- 雪花特效 -->
    

    <!-- 鼠标星星特效 -->
    

     
        <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
        <script src="/libs/others/TencentCaptcha.js"></script>
        <button id="TencentCaptcha" data-appid="xxxxxxxxxx" data-cbfn="callback" type="button" hidden></button>
    

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    <script src="/libs/others/clicklove.js" async="async"></script>
    
    
    <script async src="/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

    <!--腾讯兔小巢-->
    
    

    

    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

</body>

</html>
